<!-- 注册页面 -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/register.css">
    <title>Document</title>
    <script src="js/register.js"></script>
</head>

<body>
    <!-- 注册主体 -->
    <div class="registration-page">
        <div class="w">
            <div class="res-nav">
                <a href="index.html" class="register-logo"></a>通行证
                <a href="index.html" class="login-right login-color">返回站酷网</a>
                <span class="login-sub">已有账号,<a href="index.html" class="login-color"> &nbsp; 马上登录</a></span>
            </div>
            <form action="">
                <div class="res-content">
                    <h2 class="register-title">注册会员</h2>
                    <div class="res-box">
                        <div class="res-center">
                            <!-- 手机号 -->
                            <div class="res-phone">
                                <span class="res-code">+86</span>
                                <input type="tel" name="p-phone" id="mobilphone" maxlength="11" placeholder="手机号" class="ipt-phone">
                            </div>
                            <!-- 滑块 -->
                            <div class="wrapper">
                                <span class="btn-slide"></span>
                                <div class="slide-text">请按住滑块，拖动到最右边</div>
                            </div>
                            <!-- 复选 -->
                            <div class="checkbox-wrap">
                                <label for="useragreement" class="chcek-m">
                                    <input type="checkbox" name="autolog" id="useragreement" class="chcek-m">我已阅读并接受 <a href="https://www.zcool.com.cn/userAgreement" target="_blank" class="login-color"> 用户协议 </a>和
                                    <a href="https://www.zcool.com.cn/policy" target="_blank" class="login-color"> 隐私政策 </a>
                                </label>
                            </div>
                            <!-- 注册按钮 -->
                            <div class="register-btn">
                                <input type="submit" value="注册" class="res-sub">
                            </div>
                            <!-- 第三方 -->
                            <div class="third-party">
                                <span>使用社交帐号注册</span>
                                <div class="pass-covers">
                                    <a href="https://passport.zcool.com.cn/thirdlogin/wechat.do?appId=1006&cback=https://www.zcool.com.cn/" class="p-wechat"></a>
                                    <a href="https://passport.zcool.com.cn/thirdlogin/wb.do?appId=1006&cback=https://www.zcool.com.cn/" class="p-weibo"></a>
                                    <a href="https://passport.zcool.com.cn/thirdlogin/qq.do?appId=1006&cback=https://www.zcool.com.cn/" class="p-qq"></a>
                                </div>
                            </div>
                            <!-- 未满18 -->
                            <div class="nonage">
                                <span class="nonage-text">未满18周岁未成年人请勿自行注册，其注册、登录帐号及使用服务需征得监护人同意</span>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
        <p>京ICP备11017824号-4 / 京ICP证130164号 北京市公安局朝阳分局备案编号:110105000501</p>
        <p>
            Copyright © 2006-2022 ZCOOL
            <a href="javascript:;">中文</a>
            <a href="javascript:;">English</a>
        </p>
    </div>
</body>

</html>